<template>
   <div class="box">
       <span class="iconfont iconnew"></span>
       <div class="search">
           <span class="iconfont iconsearch"></span>
           <i class="searchtext">搜索新闻</i>
       </div>
       <span class="iconfont iconwode" @click="$emit('click')"></span>
   </div>
</template>

<script>

export default {

}
</script>

<style  lang="less" scoped>
   *{
       padding: 0;
       margin: 0;
   }
   i{
       font-style: normal;
   }
   .box{
       display: flex;
       align-items: center;
       height: 48/360*100vw;
       justify-content: space-around;
       background-color: red;
       .iconnew{
           font-size: 48/360*100vw;
           color: #ffffff;
       }
       .search{
           width: 210/360*100vw;
           height: 34/360*100vw;
           background-color: #f97979;
           display: flex;
           align-items: center;
           justify-content: center;
           border-radius: 17/360*100vw;
           color:#fff;
           .iconsearch{
              font-size: 18/360*100vw;
              padding-right: 2/360*100vw;
           }
       }
       .iconwode{
           font-size: 25/360*100vw;
           color:#ffffff;
       }
   }
</style>